<script setup lang="ts">
import config from '@/views/tankGame/config';
// import Grassland from './model/grassland';
// import Water from './model/water';
// import Wall from './model/wall';
// import Steels from './model/Steels';
// import Tank from './model/Tank';

// const initCanvas = () => {
//   new Grassland('Grassland').beginRender();
//   new Water('Water').beginRender();
//   new Wall('Wall').beginRender();
//   new Steels('Steels').beginRender();
//   new Tank('Tank').beginRender();
// };

// onMounted(() => {
//   initCanvas();
// });
</script>

<template>
  <div class="w-screen h-screen bg-gray-700 flex justify-center items-center relative">
    <iframe
      src="http://tank.zuniverse.top/"
      :style="{ width: `${config.canvas.width}px`, height: `${config.canvas.height}px`, position: 'absolute' }"
    ></iframe>
    <!-- <div
      id="canvasContainer"
      class="bg-black"
      :style="{ width: `${config.canvas.width}px`, height: `${config.canvas.height}px` }"
    ></div> -->
  </div>
</template>
